<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <script src="./font/iconfont.js"></script>
    <link rel="stylesheet" href="./CSS/reg.css">
    <title>23201012102--刘启俊--注册账号</title>
</head>

<body>
    <div class="container">
        <header>
            <div class="logo">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-icon-xiaomiguishu"></use>
                </svg>
                <p>让每个人都能享受科技的乐趣</p>
            </div>
        </header>

        <section>
            <h2>注册小米账号</h2>
            <form name="reg_yz" action="#" method="post">

                <div class="input_box">
                    <input type="text" id="phonenum" name="phonenum" placeholder="请输入手机号" maxlength="11">
                </div>
                <div class="input_box">
                    <input type="text" id="user" name="user" placeholder="请输入用户名" maxlength="15">
                </div>
                <div class="input_box">
                    <input type="password" id="password" name="password" placeholder="请输入您的密码">
                </div>
                <div class="input_box">
                    <input type="password" id="password" name="password" placeholder="请再次输入您的密码">
                </div>
                <div class="input_box">
                    <input type="email" id="email" name="email" placeholder="请输入您常用的邮箱">
                </div>
                <div>
                    <input class="btn register" type="submit" name="submit" id="submit" value="提 交">
                </div>
                <div class="toLogin" onclick="location.href='login.html'">您有账号？点此登录...</div>
            </form>
        </section>
        <!-- 下导航 -->
        <footer>
            <nav class="bottom_nav">
                <ul>
                    <li>
                        <a href="./index.html">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shouye2"></use>
                            </svg>
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        <a href="./productList.html">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-fenlei"></use>
                            </svg>
                            <p>分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-fuwu"></use>
                            </svg>
                            <p>服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-gouwu"></use>
                            </svg>
                            <p>购物车</p>
                        </a>
                    </li>
                    <li>
                        <a href="./myIndex.html">
                            <svg class="icon" aria-hidden="true" style="color: #ff7b00;">
                                <use xlink:href="#icon-wode3"></use>
                            </svg>
                            <p style="color: #ff7b00;">我的</p>
                        </a>
                    </li>
                </ul>
            </nav>
        </footer>
</body>

</html>